import React from 'react';
import { Divider } from 'antd';
import logo from '@/pages/RecruitEmail/images/qrcode.jpg';
import InterviewTitlePc from '../InterviewTitlePc';
import styles from './index.less';
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const InterviewBoxPc = ({
    titleProps,
    boxProps,
    children,
    showTip = false,
    extra,
    // show = false,
    onClick,
    actionStyle,
    ...rest
}) => (
    <div className={styles.interviewBox} {...rest}>
        <InterviewTitlePc {...titleProps} />
        <div className={styles.boxMain} {...boxProps}>
            {showTip ? (
                <>
                    <div className={styles.action} style={{ ...actionStyle }}>
                        {children}
                    </div>
                    <Divider
                        type="vertical"
                        style={{ height: 'auto', background: '#E8EAEF', marginTop: 78, marginBottom: 78 }}
                    />

                    <div className={styles.tips}>
                        <img
                            src={logo}
                            alt=""
                            width="120"
                            style={{
                                display: 'block',
                                marginBottom: 14,
                                boxShadow: '0px 1px 6px 0px rgba(0, 0, 0, 0.06)',
                                borderRadius: 4
                            }}
                        />
                        {extra || (
                            <>
                                <div>
                                    欢迎关注微微科技公众号
                                    <br />
                                    了解更多微微资讯！
                                    {/* 欢迎
                                    {show && (
                                        <>
                                            {' '}
                                            <a title="登录网页端" onClick={onClick}>
                                                登录网页端
                                            </a>{' '}
                                            或
                                        </>
                                    )}
                                    下载VV Work-App 直接和HR、面试官沟通，实时了解应聘结果！ */}
                                </div>
                            </>
                        )}
                    </div>
                </>
            ) : (
                children
            )}
        </div>
        <div style={{ paddingTop: 32, height: 1, width: 1 }}> </div>
    </div>
);

export default InterviewBoxPc;
